<template>
	<view class="goodlist1">
		<view class="flex1">
			<view v-for="(item,index) in list2" :key="index" class="margin-left">
				<view class="imgbox">
					<image :src="item.urlimg" mode="" class="img2"></image>
				</view>
				<view class="tit1 text-cut">
					{{item.title}}			
				</view>
				<text class="font-c">￥{{item.oldprice}}</text>
				
			</view>
		</view>

	</view>
</template>

<script>
	export default{
		props:['list2'],
		data() {
			return {
				list:[]
			}
		},
		
	}
</script>

<style lang="scss">
.goodlist1{
	.flex1{
		display: flex;
		flex-flow: wrap;
		justify-content:space-around;
		margin-top: 15upx;
		
	}
	.imgbox{
		width: 256upx;
		height: 256upx;
		.img2{
			width: 100%;
			height: 100%;
		}
	}
	
	.tit1{
		width:256upx;
		
		font-size:32upx;
		font-family:59;
		font-weight:400;
		color:rgba(74,77,82,1);
		
	}
	.font-c{
		width:48upx;
		
		font-size:36upx;
		font-family:59;
		font-weight:400;
		color:rgb(255,48,48);
		
	}
}
	
	
</style>
